@charset "utf-8";
/* CSS Document */
#banner { position: relative; }
#banner .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
#banner .owl-theme .owl-controls .owl-nav .owl-prev { left: -100px; background: url('../images/bl.png') no-repeat center center; }
#banner .owl-theme .owl-controls .owl-nav .owl-next { right: -100px; background: url('../images/br.png') no-repeat center center; }
#banner .owl-theme .owl-dots { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; }
#banner .owl-theme .owl-dots .owl-dot { width: 15px; height: 15px; margin: 5px; }
#banner .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; border: 2px solid #fff; background: none; }
#banner .owl-theme .owl-dots .active span { background: #fff; }

.section { }
.Title h2 { font-size: 24px; color: #16a3ff; line-height: 30px; }
.Title .cn { margin-right: 10px;     color: #16a3ff;}
.Title .en { text-transform: uppercase; font-size: 24px; color: #cfcfcf; }

/****** Product ******/
.Pro-Tab-Tit { box-shadow: 1px 1px 6px #aaa; margin-bottom: 25px; }
.Pro-Tab-Tit li { float: left; width: 20%; text-align: center; }
.Pro-Tab-Tit a { display: block; padding: 15px 20px; display: block; font-size: 16px; color: #000; line-height: 40px; transition: all 0.3s ease-out; }
.Pro-Tab-Tit .Icon { width: 30px; height: 28px; display: inline-block; overflow: hidden; position: relative; margin-right: 5px; top: 8px;     display: none;}
.Pro-Tab-Tit .Icon img { position: absolute; top: 0; left: 0; width: 30px; height: 56px; transition: ease-in;    display: none; }
.Pro-Tab-Tit li.cur a { background: #16a3ff; color: #fff; }
.Pro-Tab-Tit li.cur .Icon img { top: -28px; }
.Pro-Tab-conten .Pro-Box { margin: 0 -12px; }
.Pro-Box li { /*float: left; width: 25%;*/ height: auto; }
.Pro-Box .Item { margin: 20px 12px; border: 1px solid #e5e5e5; }
.Pro-Box .Item .pic { overflow: hidden; }
.Pro-Box .Item .pic img { transition: all 0.3s ease-out; width: 100%; }
.Pro-Box .Item .Intro { padding: 20px; text-align: center; }
.Pro-Box .Item h3 { font-size: 14px; color: #333; line-height: 20px; margin-bottom: 10px; font-weight: 500; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Pro-Box .Item p { font-size: 12px; color: #999; line-height: 22px; overflow: hidden; text-overflow: ellipsis; height: 44px; }
.Pro-Box .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top:50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; /*opacity: 0; filter: alpha(opacity=0);*/ z-index: 90; }
.Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: url('../images/icon_left01.png') no-repeat center center; background-size: 80%; }
.Pro-Box .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: url('../images/icon_right01.png') no-repeat center center; background-size: 80%; }
.Pro-Box .owl-theme .owl-dots { margin-bottom: 30px; }
.Pro-Box .owl-theme .owl-dots .owl-dot { padding: 5px; margin: 5px; }
.Pro-Box .owl-theme .owl-dots .owl-dot span { border: 1px solid #000; background: none; margin: 0; width: 6px; height: 6px; }
.Pro-Box .owl-theme .owl-dots .active { border: 1px solid #000; border-radius: 100%; }
.Pro-Box .owl-theme .owl-dots .active span { background: #000; }

/****** Case ******/
#Case { /*background-image: url('../images/casebg.jpg');*/ background-attachment: fixed; background-repeat: no-repeat; background-position: top 130px center; height: 580px; padding: 60px 0; }
.Case-Title { margin-bottom: 30px; }
.Case-Title h2 { color: #fff; font-size: 24px; line-height: 30px; }
.Case-Title h2 .en { text-transform: uppercase; opacity: 0.3; filter: alpha(opacity=30); }
.Case-Tab-Tit li { color: #fff; float: left; }
.Case-Tab-Tit li a { color: #888; font-size: 14px; line-height: 30px; padding: 0 15px; margin: 0 5px; border-radius: 20px; display: block; }
.Case-Tab-Tit li.cur a { border: 1px solid #ececec; }
.Case-Box { margin: 0 -10px; }
.Case-Box .left { float: left; width: 50%; }
.Case-Box .right { float: right; width: 50%; }
.Case-Box li { float: left; width: 50%; }
.Case-Box .Item { position: relative; margin: 10px; }
.Case-Box .Item .pic { overflow: hidden; }
.Case-Box .Item .pic img { width: 100%; transition: all 0.3s ease-out; }
.Case-Box .Item h3 { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 14px; color: #fff; line-height: 50px; font-weight: 500; text-align: center; background-image: url('../testimg/hsbg01.png'); transition: all 0.3s ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/****** Aboutus ******/
#Aboutus { background: #f9f9f9; /*padding-top: 50px; */padding-bottom: 30px; }
#Aboutus .left { width: 49%; float: left; }
#Aboutus .right { float: right; width: 49%; }
#Aboutus .right .aboout-pic{ margin-top: 104px; }
.Aboout-Title h2 { position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.Aboout-Title h2 .en { font-size: 45px; color: #000; opacity: 0.3; filter: alpha(opacity=30); display: block; line-height: 50px; }
.Aboout-Title h2 .cn { font-size: 24px; color: #16a3ff; line-height: 40px; display: block; }
.Aboout-Title h2 .line { position: absolute; left: 0; bottom: 0; width: 118px; height: 3px; display: block; background: #16a3ff; }
.Aboout-text .text { font-size: 14px; color: #666; line-height: 26px; }
.Aboout-text .More { background: #fff; font-size: 14px; color: #666; border: 1px solid #ececec; border-radius: 20px; display: inline-block; line-height: 40px; padding: 0 30px; margin-top: 25px; }
.Aboout-text .More i { font-family: "SimSun"; margin-left: 10px; }

/****** Honor ******/
#Honor { background: #f9f9f9; padding-bottom: 25px; }
.Honor-Title { }
.Honor { margin: 15px -12px; }
.Honor li { /*float: left; width: 25%;*/ }
.Honor .Item { background: #fff; margin: 12px; text-align: center; padding: 20px 0; border: 1px solid #ececec; transition: all 0.3s ease-out; }
.Honor .Item .pic { margin: 0 25px; overflow: hidden; }
.Honor .Item h3 { font-size: 13px; color: #333; margin-top: 10px; font-weight: 500; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Honor .owl-theme .owl-controls .owl-nav { position: absolute; right: 7px; top: -50px; }
.Honor .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 30px; height: 30px; border: 1px solid #e9e9e9; transition: all 0.3s ease-out; }
.Honor .owl-theme .owl-controls .owl-nav .owl-prev { background: #fff url('../images/left.png') no-repeat center center; }
.Honor .owl-theme .owl-controls .owl-nav .owl-next { background: #fff url('../images/right.png') no-repeat center center; }

/****** News ******/
#News { padding-top: 30px; background: url('../images/newsbg.jpg') no-repeat center bottom; padding-bottom: 40px; }
#News .News-title { margin-bottom: 30px; }
.News-title .fl { float: left; width: 60%; }
.News-title .fr { float: right; width: 20%; text-align: right; }
.News-title .More { background: #fff; font-size: 14px; color: #666; border: 1px solid #ececec; border-radius: 20px; display: inline-block; line-height: 30px; padding: 0 20px; }
.News-title .More i { font-family: "SimSun"; margin-left: 10px; }
#News .left { float: left; width: 49%; }
#News .right { float: right; width: 49%; }
.News-owl { overflow: hidden; }
.News-owl .Item { position: relative; }
.News-owl .Item h3 { position: absolute; left: 0; bottom: 0; background-image: url('../images/hsbg01.png'); padding: 10px 20px; font-size: 14px; color: #fff; line-height: 20px; font-weight: 500; width: 100%; }
.News-owl .Item .date { font-size: 12px; color: #c1c1c1; line-height: 20px; display: block; }
.News-owl .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; border: 1px solid #e9e9e9; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.News-owl .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: #fff url('../images/left.png') no-repeat center center; }
.News-owl .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: #fff url('../images/right.png') no-repeat center center; }
.News-owl .owl-theme .owl-dots { position: absolute; right: 20px; bottom: 15px; }
.News-owl .owl-theme .owl-dots .owl-dot span { margin: 3px; background: none; border: 1px solid #fff; }
.News-owl .owl-theme .owl-dots .active span { background: #fff; }
.Newslist .Item { position: relative; padding: 15px 30px; background: #fff; margin-bottom: 20px; overflow: hidden; transition: all 0.3s linear; }
.Newslist .Item .Intro { float: left; width: 82%; }
.Newslist .Item .date { float: right; width: 10%; text-align: center; }
.Newslist .Item .date span { display: block; font-size: 16px; color: #666; line-height: 36px; border-bottom: 1px solid #e3e3e3; }
.Newslist .Item .date strong { font-size: 16px; color: #666; line-height: 32px; }
.Newslist .Item h3 { font-size: 14px; color: #333; line-height: 28px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Newslist .Item p { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; }

/****** Partner ******/
#Partner { background: #fff; padding: 30px 0; }
.Par-Title { margin: 20px 0; }
.Parlist { height: 70px; }
.Parlist .swiper-slide a { margin-right: 50px; width: 160px; display: block; text-align: center; }



@media (min-width: 1200px) {
    #banner .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 10px; opacity: 1; filter: alpha(opacity=100); }
    #banner .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 10px; opacity: 1; filter: alpha(opacity=100); }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev:hover { background-image: url('../images/icon_left02.png'); }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-next:hover { background-image: url('../images/icon_right02.png'); }
    .Pro-Box .Item:hover .pic img { transform: scale(1.1); }
    .Pro-Box .Item:hover h3 { color: #16a3ff; }
    .Case-Box .Item:hover .pic img { transform: scale(1.1); }
    .Case-Box .Item:hover h3 { line-height: 40px; }
    .Newslist .Item:hover { box-shadow: 1px 1px 5px #999; }
    .Newslist .Item:hover h3 { color: #16a3ff; }
    .News-owl .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 0; opacity: 1; filter: alpha(opacity=100); }
    .News-owl .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 0; opacity: 1; filter: alpha(opacity=100); }
    .Aboout-text .More:hover { color: #063e91; border-color: #063e91; }
    .News-title .More:hover { color: #063e91; border-color: #063e91; }
    .Honor .Item:hover { box-shadow: 1px 1px 5px #888; }
    .Honor .Item:hover h3 { color: #16a3ff; }
    .Honor .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { box-shadow: 1px 1px 5px #888; }
}

@media (max-width: 1360px) {
    #banner .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }
    .Pro-Tab-Tit a { font-size: 14px; padding: 10px; }
    .Pro-Tab-conten .Pro-Box { margin: 0 -6px; }
    .Pro-Box .Item { margin: 10px 6px; }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev { left: -30px; }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-next { right: -30px; }
    #Case { height: auto; }
    .Case-Title { margin-bottom: 20px; }
    .Title h2 { font-size: 20px; }
    .Title .en { font-size: 20px; }
    .Aboout-Title h2 .en { font-size: 30px; line-height: 40px; }
    .Aboout-Title h2 .cn { font-size: 20px; }
    #News .News-title { margin-bottom: 20px; }
    .Newslist .Item { padding: 10px 15px; margin-bottom: 10px; }
    #Partner { padding: 20px 0; }
    .Honor { margin: 6px -6px; }
    .Honor .Item { margin: 6px; }
}

@media (max-width: 1200px) {
}

@media (max-width: 1025px) {
    .Title h2 { font-size: 18px; }
    .Title .en { font-size: 18px; }
    .Pro-Box .owl-theme .owl-controls .owl-nav [class*=owl-] { display: none !important; }
    #Case { background-position: top 60px center; padding: 40px 0; }
    .Case-Box { margin: 0 -5px; }
    .Case-Box .Item { margin: 5px; }
    .Case-Tab-Tit li a { padding: 0 10px; line-height: 26px; font-size: 12px; }
    .Aboout-Title h2 { padding-bottom: 10px; margin-bottom: 10px; }
    .Newslist .Item .date { width: 15%; }
    .Parlist .swiper-slide a { width: auto; margin-right: 20px; }
}

@media (max-width: 768px) {
    #Case { padding: 30px 0; }
    .Case-Box .left { width: 100%; float: none; }
    .Case-Box .right { width: 100%; float: none; }
    .Aboout-Title h2 .en { font-size: 26px; line-height: 30px; }
    .Aboout-Title h2 .cn { font-size: 18px; line-height: 30px; }
    #Aboutus { padding-top: 30px; }
    #Aboutus .left { width: 100%; float: none; }
    #Aboutus .right { width: auto; float: none; }
    #Aboutus .aboout-pic img { float: right; width: 50%; margin-left: 10px; }
    .Aboout-text .More { margin-top: 10px; }
    .News-title .fr { width: auto; }
    #News { padding: 30px 0; }
    #News .left { width: 100%; float: none; margin-bottom: 10px; }
    #News .right { width: 100%; float: none; }
    .News-owl .Item h3 { padding: 10px; }
    .News-owl .owl-theme .owl-dots { bottom: 5px; right: 10px; }
    .Aboout-text .More { line-height: 30px; padding: 0 20px; }
    .Honor .owl-theme .owl-controls .owl-nav { top: -40px; }
    #Honor { padding-bottom: 15px; }
    #Partner { padding: 10px 0; }
}

@media (max-width: 640px) {
    .Title h2 { font-size: 16px; }
    .Title .en { font-size: 16px; }
    .Pro-Tab-Tit { margin-bottom: 20px; }
    .Pro-Tab-Tit a { font-size: 12px; padding:5px 0; }
    .Pro-Box .owl-theme .owl-dots { margin-bottom: 20px; }
    .Case-Title .fl { width: 100%; margin-bottom: 10px; }
    .Case-Tab-Tit li a { margin: 0; }
    #Aboutus .aboout-pic img { margin-top: 15px; }
    #News { padding: 20px 0; }
    #News .News-title { margin-bottom: 10px; }
    .Par-Title { margin: 10px 0; }
}

@media (max-width: 520px) {
    .Pro-Tab-Tit li .cn { display: none; }
}

@media (max-width: 420px) {
}